<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>收货人信息表单</title>
<style>
    body {
    font-family: Arial, sans-serif;
    }
    .form-container {
    max-width: 400px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    }
    .form-group {
    margin-bottom: 15px;
    }
    .form-group label {
    display: block;
    margin-bottom: 5px;
    }
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    }
    .form-group input[type="text"]:focus,
    .form-group input[type="tel"]:focus,
    .form-group select:focus {
    border-color: red;
    outline: none;
    }
    .form-group .default-address {
    margin-top: 5px;
    }
    .form-group .default-address input[type="checkbox"] {
    margin-right: 5px;
    }
    .form-group .submit-button {
    margin-top: 10px;
    }
    .form-group .submit-button button {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #5cb85c;
    color: white;
    cursor: pointer;
    }
    .form-group .submit-button button:hover {
    background-color: #4cae4c;
    }
</style>
</head>
<body>

<div class="form-container">
    <form>
    <div class="form-group">
        <label for="name">收货人</label>
        <input type="text" id="name" name="name" placeholder="请输入收货人姓名">
    </div>
    <div class="form-group">
        <label for="phone">手机号码</label>
        <input type="tel" id="phone" name="phone" placeholder="请输入手机号码">
    </div>
    <div class="form-group">
        <label for="region">所在地区</label>
        <input type="text" id="region" name="region" placeholder="请输入所在地区">
    </div>
    <div class="form-group">
        <label for="address">详细地址</label>
        <input type="text" id="address" name="address" placeholder="请输入详细地址">
    </div>
    <div class="form-group">
        <label>标签</label>
        <select>
        <option value="home">家</option>
        <option value="company">公司</option>
        <option value="school">学校</option>
        </select>
    </div>
    <div class="form-group default-address">
        <input type="checkbox" id="default-address" name="default-address">
        <label for="default-address">设置为默认地址</label>
    </div>
    <div class="form-group submit-button">
        <button type="submit">提交</button>
    </div>
    </form>
</div>

</body>
</html>